<template>
  <div>
    <div class="left-box custom-height">
      <grid />
      <person />
    </div>
    <div class="right-box custom-height">
      <videoPanel v-show="!store.isShowPeople" />
      <event v-show="!store.isShowPeople" />
      <tablePanel v-show="store.isShowPeople" />
    </div>
    <tabsPanel />
  </div>
</template>

<script setup >
// 保治网络
import grid from "./componets/grid.vue";
import person from "./componets/person.vue";
import videoPanel from "./componets/video.vue";
import event from "./componets/event.vue";
import tabsPanel from "./componets/tabsPanel.vue";
import tablePanel from './componets/tablePanel.vue';
import { onMounted, onUnmounted } from "vue";
import { overviewStore } from "@/stores/overview";

const store = overviewStore();

onMounted(() => {});

onUnmounted(() => {});

</script>

<style lang="scss" scoped></style>
